<script setup>
import NodeDataPicker from '../node-data-picker.vue'
const DATE_TYPE_LIST = [
  { label: '日期', tip: 'YYYY-MM-DD', value: 'date' },
  { label: '周', tip: 'YYYYwZZ', value: 'week' },
  { label: '年', tip: 'YYYY', value: 'year' },
  { label: '月', tip: 'YYYY-MM', value: 'month' },
  { label: '时间', tip: 'Y-M-D H:m:s', value: 'datetime' },
  { label: '时间分钟', tip: 'Y-M-D H:m', value: 'ymdhm' },
  { label: '时间小时', tip: 'Y-M-D H', value: 'ymdh' },
  // 'dates',    // 多个日期
];
const DATE_TYPE_RANGE = [
  { label: '日期范围', value: 'daterange' },
  { label: '月份范围', value: 'monthrange' },
  { label: '日期时间范围', value: 'datetimerange' },
];
const DATE_FORMAT_LIST = [
  'yyyy-MM-dd HH:mm:ss',
  'yyyy-MM-dd HH:mm',
  'yyyy-MM-dd HH',
  'yyyy-MM-dd',
  'yyyy-MM',
  'yyyy'
];

defineProps({
  ext: Object,
  eleDef: Object
})
</script>

<template>
    <div class="ele-prop-item elem-design-prop-logic" v-if="ext">
        <!--<h5>主题</h5>-->
        <el-form>
            <!--<el-form-item label="主题">
                <el-radio-group v-model="ext.theme" size="mini">
                    <el-radio label="radio" v-tippy="{ arrow: true }" content="Radio 样式">默认</el-radio>
                    <el-radio label="button" v-tippy="{ arrow: true }" content="RadioButton 样式">按钮</el-radio>
                    <el-radio label="select" v-tippy="{ arrow: true }" content="Select 下拉样式">下拉</el-radio>
                    <el-radio label="selectLv" v-tippy="{ arrow: true }" content="Select 下拉LV样式">下拉LV</el-radio>
                </el-radio-group>
            </el-form-item>-->
            <!--<el-form-item label="对齐方式">
                <el-radio-group v-model="ext.alignStyle" size="mini">
                    <el-radio label="" v-tippy="{ arrow: true }" content="默认" style="min-width: 40px;">无</el-radio>
                    <el-radio label="l" v-tippy="{ arrow: true }" content="左对齐" style="min-width: 40px;">左</el-radio>
                    <el-radio label="c" v-tippy="{ arrow: true }" content="居中对齐" style="min-width: 40px;">中</el-radio>
                    <el-radio label="lt" v-tippy="{ arrow: true }" content="左上对齐" style="min-width: 40px;">左上</el-radio>
                    <el-radio label="lb" v-tippy="{ arrow: true }" content="左下对齐" style="min-width: 40px;">左下</el-radio>
                    <el-radio label="t" v-tippy="{ arrow: true }" content="上对齐" style="min-width: 40px;">上</el-radio>
                    <el-radio label="b" v-tippy="{ arrow: true }" content="下对齐" style="min-width: 40px;">下</el-radio>
                    <el-radio label="r" v-tippy="{ arrow: true }" content="右对齐" style="min-width: 40px;">右</el-radio>
                    <el-radio label="rt" v-tippy="{ arrow: true }" content="右上对齐" style="min-width: 40px;">右上</el-radio>
                    <el-radio label="rb" v-tippy="{ arrow: true }" content="右下对齐" style="min-width: 40px;">右下</el-radio>
                </el-radio-group>
            </el-form-item>-->

            <el-form-item label="选项数组（options）">
                <node-data-picker v-model="ext.optionsDef" :multiple="true" v-bind="$attrs"></node-data-picker>
            </el-form-item>
            <el-form-item label="展示数据（label）">
                <node-data-picker v-model="ext.labelDef" v-bind="$attrs"></node-data-picker>
            </el-form-item>
            <el-form-item label="值数据（value）">
                <node-data-picker v-model="ext.valueDef" v-bind="$attrs"></node-data-picker>
            </el-form-item>
        </el-form>
    </div>
</template>
